<div class="modal-header">
    <h4 class="modal-title">档案编号 {$data.file_no} 的详细信息</h4>
    <button type="button" class="close" data-dismiss="modal">
        <span aria-hidden="true">×</span>
        <span class="sr-only">关闭</span>
    </button>
</div>
<div class="modal-body">
    <p>
        <div class="about-infos d-flex flex-column">
            <div class="row">
                <div class="col-3">
                    <h4>交车信息</h4>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="text-primary mt-2 mb-2">交车日期：</div>
                    <div class="text-muted">
                        {$data.deliver_date|date="Y年m月d日"}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">销售顾问：</div>
                    <div class="text-muted">
                        {$data.sales}
                    </div>
                </div>
                <div class="col">
                </div>
                <div class="col">
                </div>
            </div>
            <hr style="border:1 dashed #987cb9" width="80%" color="#987cb9" size=1>
            <div class="row">
                <div class="col-3">
                    <h4>客户信息</h4>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="text-primary mt-2 mb-2">客户名称：</div>
                    <div class="text-muted">
                        {$data.owner_name}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">联系电话：</div>
                    <div class="text-muted">
                        {$data.owner_phone}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">客户性别：</div>
                    <div class="text-muted">
                        {$data.owner_sex}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">客户生日：</div>
                    <div class="text-muted">
                        {$data.owner_birth|date="Y年m月d日"}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="text-primary mt-2 mb-2">身份证号</div>
                    <div class="text-muted">
                        {$data.owner_id}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">职业：</div>
                    <div class="text-muted">
                        {$data.owner_occupation}
                    </div>
                </div>
               <div class="col-6">
                    <div class="text-primary mt-2 mb-2">地址：</div>
                    <div class="text-muted">
                        {$data.owner_address}
                    </div>
                </div>
            </div>
            <hr style="border:1 dashed #987cb9" width="80%" color="#987cb9" size=1>
            <div class="row">
                <div class="col-3">
                    <h4>车辆使用信息</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <div class="text-primary mt-2 mb-2">省：</div>
                    <div class="text-muted">
                        {$data.owner_province}
                    </div>
                </div>
                <div class="col-3">
                    <div class="text-primary mt-2 mb-2">区：</div>
                    <div class="text-muted">
                        {$data.owner_city}
                    </div>
                </div>
                <div class="col-3">
                    <div class="text-primary mt-2 mb-2">市：</div>
                    <div class="text-muted">
                        {$data.owner_county}
                    </div>
                </div>
                <div class="col-3">
                    <div class="text-primary mt-2 mb-2">座标：</div>
                    <div class="text-muted">
                        {$data.owner_location}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <div class="text-primary mt-2 mb-2">使用人名称：</div>
                    <div class="text-muted">
                        {$data.user_name}
                    </div>
                </div>
                <div class="col-3">
                    <div class="text-primary mt-2 mb-2">使用人电话：</div>
                    <div class="text-muted">
                        {$data.user_phone}
                    </div>
                </div>
            </div>
            <hr style="border:1 dashed #987cb9" width="80%" color="#987cb9" size=1>
            <div class="row">
                <div class="col-3">
                    <h4>车辆相关信息</h4>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="text-primary mt-2 mb-2">车系</div>
                    <div class="text-muted">
                        {$data.vehicle}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">配置</div>
                    <div class="text-muted">
                        {$data.config}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">颜色</div>
                    <div class="text-muted">
                        {$data.color}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">内饰</div>
                    <div class="text-muted">
                        {$data.trim}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="text-primary mt-2 mb-2">车架号</div>
                    <div class="text-muted">
                        {$data.vin}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">发动机号</div>
                    <div class="text-muted">
                        {$data.engine}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">成交价</div>
                    <div class="text-muted">
                        {$data.final_price}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">车型编码</div>
                    <div class="text-muted">
                        {$data.model}
                    </div>
                </div>
            </div>
            </div>
            <hr style="border:1 dashed #987cb9" width="80%" color="#987cb9" size=1>
            <div class="row">
                <div class="col-3">
                    <h4>其它相关信息</h4>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="text-primary mt-2 mb-2">车牌号</div>
                    <div class="text-muted">
                        {$data.plate_number}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">保险公司</div>
                    <div class="text-muted">
                        {$data.insurance_company}
                    </div>
                </div>
                <div class="col">
                    <div class="text-primary mt-2 mb-2">保险到期日期</div>
                    <div class="text-muted">
                        {notEmpty name="$data.insurance_expirydate"}
                        {$data.insurance_expirydate|date='Y年m月d日'}
                        {/notEmpty}
                    </div>
                </div>
                <div class="col">
                </div>
            </div>
        </div>
         </p>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-shadow" data-dismiss="modal">关闭</button>
</div>